// @import "styles/common.scss";
$bgColor: #99bfd1;

.container {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.header {
	height: 60px;
	padding: 8px;
	display: flex;
	align-items: center;
	.headerContent {
		width: 100%;
		display: flex;
		flex-direction: row;
		.title {
			flex: 1;
		}
		.operation {
			flex: 1;
			display: flex;
			justify-content: flex-end;
			.search {
				width: 180px;
			}
		}
	}
}
.content {
	flex: 1;
}
.footer {
	height: 24px;
}
.bg {
	background-color: $bgColor;
}

.frame {
	min-height: 100%;
	width: 100%;
	display: block;
	position: relative;
	background: #99bfd1;
}
.bar {
	background: #fff;
	border: 1px solid #ddd;
	padding: 10px;
	margin: 10px;
	.label {
		font-size: 14px;
	}
	.inputWidth {
		width: 180px;
	}
	.hint {
		font-size: 12px;
		color: #ff5722;
	}
}
.table {
	background: #fff;
	border: 1px solid #ddd;
	padding: 10px;
	margin: 10px;
	.header {
		padding: 30px 0 24px;
		border-bottom: 1px solid #f0f0f0;
	}
	.body {
		border-bottom: 1px solid #f0f0f0;
	}
	.th {
		display: inline-block;
		background: #fafafa;
		color: rgba(0, 0, 0, 0.85);
		font-weight: 500;
		// padding: 0 4px;
		font-size: 14px;
	}
	.space {
		padding: 6px 0;
		display: flex;
		margin-bottom: 0;
	}
}
.formItem {
	:golbal {
		.ant-form-item-control {
			.ant-form-item-explain,
			.ant-form-item-extra {
				min-height: 18px !important;
				font-size: 10px !important;
			}
		}
		.ant-form-item-explain,
		.ant-form-item-extra {
			min-height: 18px !important;
			font-size: 10px !important;
		}
	}
}
.customRadio {
	:global {
		.ant-radio-wrapper {
			margin-right: 0px !important;
		}
	}
}
